<ui:composition template="/WEB-INF/template/popup.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:sgbd="http://java.sun.com/jsf/composite/components">

    <ui:define name="header">
        <h:outputText value="Ajouter un utilisateur" />
    </ui:define>
    <ui:define name="form">
        <h:panelGrid columns="3">
            <h:outputText value="login" />
            <h:inputText id="addLogin" value="#{utilisateurBean.login}" required="true"
                         requiredMessage="Veuillez renseigner le login"/>
            <rich:message id="addLoginMsg" for="addLogin" />
            
            <h:outputText value="password" />
            <h:inputSecret id="addPassword" value="#{utilisateurBean.password}" required="true" 
                           requiredMessage="Veuillez renseigner le mot de passe"/>
            <rich:message id="addPasswordMsg" for="addPassword" />
           
            <h:outputText value="Groupe" />
            <rich:select id="selectNewGroup"
                         required="true"
                         value="#{utilisateurBean.groupe}"
                         requiredMessage="Veuillez renseigner le groupe du futur utilisateur">
                <f:selectItem itemValue="Gestionnaire" itemLabel="Gestionnaire" />
                <f:selectItem itemValue="Developpeur" itemLabel="Développeur" />
                <f:selectItem itemValue="Administrateur" itemLabel="Administrateur" />
            </rich:select>
            <rich:message id="selectNewGroupMsg" for="selectNewGroup" />
        </h:panelGrid>
        
        <h:panelGrid columns="2">
            <a4j:commandButton value="Ajouter"
                               render="userDataTable"
                               action="#{utilisateurBean.addUtilisateur()}"
                               execute="addUserPopup"
                               oncomplete="if (#{facesContext.maximumSeverity==null}) {#{rich:component('addUserPopup')}.hide();}" >

            </a4j:commandButton>
            <a4j:commandButton value="Annuler"
                               execute="@this"
                               oncomplete="#{rich:component('addUserPopup')}.hide(); return false;" />
        </h:panelGrid>
    </ui:define>
</ui:composition>
